<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 
    HTML是网页的结构，我们关注的是标签的语义

    标题标签：h1-h6
    段落标签：p

    块级元素：独占一行
    行内元素：不会独占一行
   -->
  <h1>一级标题</h1>
  <h2>二级标题</h2>
  <h3>三级标题</h3>
  <h4>四级标题</h4>
  <h5>五级标题</h5>
  <h5>六级标题</h5>

  <p>段落标签：p</p>

  <!-- 标题组 -->
  <hgroup>
    <h1>标题1</h1>
    <h2>标题2</h2>
  </hgroup>

  <!-- em标签 ,strong标签-->
  <p>爱国卡好几个<em>6666</em>卡回<strong>6666666</strong>复给甲方</p>

  <!-- 长引用 -->
  <blockquote>
    这是一个长引用
  </blockquote>
  <!-- 短引用 -->
  <q>这是一个短引用</q>

  <!-- 换行 -->
  <br>

</body>

</html>